@keyframes scale {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1)
  }
}

@keyframes flash {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

@keyframes flow {
  0% {
    background-position: 50% 0
  }

  100% {
    background-position: 50% -250px
  }
}

@keyframes flash {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: transparent;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
  }

  50% {
    opacity: 1
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }

  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }

  40% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }

  60% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }

  80% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
  }

  100% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
}

@keyframes dinnerTip {

  0%,
  100% {
    opacity: 0;
    -webkit-transform: perspective(600px) translate3d(-50%, 7px, 0) scale(0.7) rotateY(180deg);
    transform: perspective(600px) translate3d(-50%, 7px, 0) scale(0.7) rotateY(180deg)
  }

  20%,
  80% {
    opacity: 1;
    -webkit-transform: perspective(600px) translate3d(-50%, 0, 0) rotateY(0deg);
    transform: perspective(600px) translate3d(-50%, 0, 0) rotateY(0deg)
  }
}

@keyframes comment {

  0%,
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 200%, 0) scale(0.7);
    transform: translate3d(-50%, 200%, 0) scale(0.7)
  }

  20%,
  80% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
  }
}